<extend name="Public/common"/>
<block name="content">
<!--包屑-->
<section class="breadcrumbs">
	<div class="container">
		<ul class="horizontal_list clearfix bc_list f_size_medium">
			<li class="m_right_10"><a href="<{:U('Index/index')}>" class="default_t_color">首页<i class="fa fa-angle-right d_inline_middle m_left_10"></i></a></li>
			<li class="m_right_10"><a href="<{:U('Album/index')}>" class="default_t_color">专辑</a><i class="fa fa-angle-right d_inline_middle m_left_10"></i></li>
			<li class="current"><a href="javascript:;" class="default_t_color"><{$title}></a></li>
		</ul>
	</div>
</section>
<div class="page_content_offset">
	<div class="container">	
		<div class="row clearfix">
			<!--左侧专辑-->			
			<section class="col-lg-9 col-md-9 col-sm-9 m_xs_bottom_30">
				<div class="clearfix m_bottom_30 t_xs_align_c">
						<div class="photoframe shadow wrapper f_left f_xs_none d_xs_inline_b m_right_30 r_corners m_sm_bottom_10">
							<div class="relative d_inline_b m_bottom_10 qv_preview d_xs_block">
								<img src="<{$data['cover_url']}>" class="tr_all_hover" alt="" width="342" height="280">
							</div>
						</div>
						<div class="t_xs_align_l">
							<!--description-->
							<h2 class="color_dark fw_medium m_bottom_10"><{$data.name}></h2>
							<div class="m_bottom_10">
									<!--评分-->
								<a class="horizontal_list clearfix d_inline_b m_top_5" title="点击打分" href="javascript:;">
									<div class="rater" data-average="<{$data.rater}>" data-id="<{$data.id}>"></div>
								</a>
								<a href="#" class="d_inline_middle default_t_color f_size_small m_left_5">点击评分</a>
							</div>
							<hr class="m_bottom_10 divider_type_3">
							<table class="description_table">
								<tr>
									<td>所属类型:</td>
									<td><a href="<{:U('Album/type/id/'.$data['type_id'])}>" class="color_grey"><{$data.type_name}></a></td>
								</tr>
								<tr>
									<td>所属歌手:</td>
									<td><a href="<{:U('Artist/detail/id/'.$data['artist_id'])}>" class="color_green"><{$data.artist_name}></td>
								</tr>
								<tr>
									<td>风格:</td>
									<td><a href="<{:U('Genre/index/id/'.$data['genre_id'])}>" class="color_grey"><{$data.genre_name}></td>
								</tr>
								<tr>
									<td>发行时间:</td>
									<td><span class="color_dark"><{$data.pub_time}></span></td>
								</tr>
								<tr>
									<td>唱片公司:</td>
									<td><{$data.company}></td>
								</tr>
							</table>
							<hr class="divider_type_3 m_bottom_10">
							<div class="d_ib_offset_0 m_bottom_20">
								<button class="button_type_12 r_corners bg_scheme_color color_light tr_delay_hover d_inline_b f_size_large list_play"><i class="fa fa-play-circle"></i>播放专辑</button>
								<button class="button_type_12 bg_light_color_2 tr_delay_hover d_inline_b r_corners color_dark m_left_5 p_hr_0 music-action-btn" data-id="<{$data['id']}>" data-action="like" data-type="album"><span class="tooltip tr_all_hover r_corners color_dark f_size_small">收藏[<{$data.favtimes}>]</span><i class="fa fa-heart-o f_size_big"></i></button>
								<button class="button_type_12 bg_light_color_2 tr_delay_hover d_inline_b r_corners color_dark m_left_5 p_hr_0 music-action-btn" data-id="<{$data['id']}>" data-action="recommend" data-type="album"><span class="tooltip tr_all_hover r_corners color_dark f_size_small">推荐[<{$data.recommend}>]</span><i class="fa fa-thumbs-up f_size_big"></i></button>
							</div>
							<p class="d_inline_middle">分享到: 这里是分享代码</p>
							<div class="d_inline_middle m_left_5 addthis_widget_container">
								<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
								<a class="addthis_button_preferred_1"></a>
								<a class="addthis_button_preferred_2"></a>
								<a class="addthis_button_preferred_3"></a>
								<a class="addthis_button_preferred_4"></a>
								<a class="addthis_button_compact"></a>
								<a class="addthis_counter addthis_bubble_style"></a>
								</div>
							</div>
						</div>
					</div>
					<!--tabs-->
					<div class="m_bottom_45">						
						<ul class="tabs_nav horizontal_list clearfix " role="tablist">
							<li class="f_xs_none active"><a href="#ta-1" data-toggle="tab" role="tab" class="bg_light_color_1 color_dark tr_delay_hover r_corners d_block f_size_small">歌曲列表</a></li>
							<li class="f_xs_none"><a href="#ta-2" data-toggle="tab" role="tab" class="bg_light_color_1 color_dark tr_delay_hover r_corners d_block f_size_small">详细介绍</a></li>
						</ul>
						<div class="tabs_content tab-content shadow r_corners">							
							<div id="ta-1" class="tab-pane fade in active">
								<ul class="row clearfix a_s_list" >
								<volist name="list" id="vo">
								<li class="col-lg-6 col-md-6 col-sm-6 m_bottom_10">
									<div class="clearfix photoframe shadow d_block r_corners blog_animate animate_ftr relative">
										<img class="f_left r_corners m_right_15 m_sm_bottom_10 f_sm_none f_xs_left m_xs_bottom_0" alt="<{$vo.name}>" src="<{$vo['cover_url']|default="/Uploads/Picture/song_cover.jpg"}>" width="40" height="40">					
										<a class="color_dark d_block bt_link text-ellipsis play_name" target="_play" href="<{:U('Music/detail?id='.$vo['id'])}>"><{$vo.artist_name}> - <{$vo.name}></a>
										<a class="jp-play-me button_type_18 box_s_none f_size_large f_right tr_delay_hover r_corners" data-id="<{$vo.id}>" href="javascript:;"><i class="fa fa-headphones"></i></a>
										<a class="add_fav button_type_18  box_s_none f_size_large  f_right  tr_delay_hover r_corners music-action-btn" data-id="<{$vo['id']}>" data-action="like" href="javascript:;"><i class="fa fa-heart-o"></i></a>
										<a class="down button_type_18 box_s_none f_size_large  f_right  tr_delay_hover r_corners" target="_down" href="<{:U('Down/index?id='.$vo['id'])}>"><i class="fa fa-cloud-download"></i></a>
									</div>				
								</li>
								</volist>
								</ul>
								<hr class="m_bottom_10 divider_type_3">
								<div class="row clearfix m_bottom_15 m_xs_bottom_5">
									<div class="col-lg-7 col-md-7 col-sm-8">
										共<{$_total}>首歌曲
									</div>
									<div class="col-lg-5 col-md-5 col-sm-4 t_align_r t_xs_align_l">
										<ul class="horizontal_list clearfix d_inline_middle m_left_10 page_list"><{$_page}></ul>
									</div>
								</div>
							</div>
							<div id="ta-2" class="tab-pane fade">
								<p><{$data.introduce}></p>
							</div>
						</div>
					</div>
					<div class="clearfix">
						<h2 class="color_dark tt_uppercase f_left m_bottom_15 f_mxs_none">热门专辑</h2>
						<div class="f_right clearfix nav_buttons_wrap f_mxs_none m_mxs_bottom_5">
							<button class="button_type_7 bg_cs_hover box_s_none f_size_ex_large t_align_c bg_light_color_1 f_left tr_delay_hover r_corners rp_prev"><i class="fa fa-angle-left"></i></button>
							<button class="button_type_7 bg_cs_hover box_s_none f_size_ex_large t_align_c bg_light_color_1 f_left m_left_5 tr_delay_hover r_corners rp_next"><i class="fa fa-angle-right"></i></button>
						</div>
					</div>
					<div class="related_projects m_bottom_15 m_sm_bottom_0 m_xs_bottom_15">
						<JY:album result="v" limit="6" order="add_time">
						<figure class="r_corners photoframe shadow relative d_xs_inline_b tr_all_hover">
							<!--product preview-->
							<a href="<{$v['url']}>" class="d_block relative pp_wrap">
								<!--span class="hot_stripe type_2"><img src="__TMPL__/images/hot_product_type_2.png" alt=""></span-->
								<img src="<{$v['cover_url']}>" class="tr_all_hover" alt="" height="242" width="242" >
							</a>
							<figcaption class="t_xs_align_l">
								<h5 class="m_bottom_10"><a href="#" class="color_dark ellipsis"><{$v['name']}></a></h5>
								<div class="clearfix">
									<p class="scheme_color f_left f_size_large m_bottom_15"><{$v['hits']}></p>
								</div>
								<a class="button_type_4 bg_scheme_color r_corners tr_all_hover color_light mw_0" href="<{$v['url']}>">详细介绍</a>
							</figcaption>
						</figure>
						</JY:album>
					</div>
					<hr class="divider_type_3 m_bottom_15">
					<a href="<{:U('Index/index')}>" role="button" class="d_inline_b bg_light_color_2 color_dark tr_all_hover button_type_4 r_corners"><i class="fa fa-reply m_left_5 m_right_10 f_size_large"></i>返回首页</a>
			</section>
			<aside class="col-lg-3 col-md-3 col-sm-3">
			<include file="Sidebar/hotListens,Sidebar/adver,Sidebar/hotArtist"/>
			</aside>
		</div>	
	</div>
</div>
</block>
<block name="player"><include file="Player/default"/></block> 
